<template>
  <div class="app-container">
    <el-tabs v-model="activeName"  @tab-click="handleClick" type="border-card">
      <el-tab-pane label="收费类型" name="sflx">
        <charge-project ref="projectRefs" v-if="activeName=='sflx'"/>
      </el-tab-pane>
      <el-tab-pane label="收费项目" name="sfxm">
        <charge-item ref="itemRef" v-if="activeName=='sfxm'"/>
      </el-tab-pane>
      <el-tab-pane label="付款项目" name="fkxm">
        <payment-items ref="paymentRef" v-if="activeName=='fkxm'"/>
      </el-tab-pane>
      <el-tab-pane label="收费时间" name="sfsj">
        <char-time ref="timeRef"  v-if="activeName=='sfsj'"/>
      </el-tab-pane>
      <el-tab-pane label="收费标准" name="sfbz">
        <charge-norm ref="normRef" v-if="activeName=='sfbz'"/>
      </el-tab-pane>
      <el-tab-pane label="费用单状态" name="charge_status">
        <custom-dict-data v-if="activeName==='charge_status'" :dictType="activeName"/>
      </el-tab-pane>
      <el-tab-pane label="收款单状态" name="audit_status">
        <custom-dict-data v-if="activeName==='audit_status'" :dictType="activeName"/>
      </el-tab-pane>
      <el-tab-pane label="收款方式" name="collection_method">
        <custom-dict-data v-if="activeName==='collection_method'" :dictType="activeName"/>
      </el-tab-pane>
      <el-tab-pane label="付款方式" name="payment_method">
        <custom-dict-data v-if="activeName==='payment_method'" :dictType="activeName"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ChargeProject from "./project"
import ChargeItem from "./chargeItem"
import ChargeNorm from "./norm"
import CharTime from "./charTime"
import RoomNorm from "@/views/payfee/roomNorm"
import PaymentItems from "./paymentItems"
import CustomDictData from "@/views/system/dict/customDictData"
export default {
  name: "costParameters",
  components:{ ChargeProject,ChargeItem,ChargeNorm,CharTime,RoomNorm,PaymentItems,CustomDictData},
  data() {
    return {
      activeName: 'sflx'
    };
  },
  created() {
    this.activeName = this.$route.query.activeName||'sflx'
  },
  methods: {
    handleClick(tab, event) {

    }
  }
};
</script>
